import React from 'react';
type dataType = { name?: string; originalPrice: number; type: string };
const Index = () => {
  return (
    <div>
      <h3>优点</h3>
      <ul>
        <li>代理模式能将代理对象与被调用对象分离，降低了系统的耦合度。</li>
        <li>
        代理模式在客户端和目标对象之间起到一个中介作用，这样可以起到保护目标对象的作用
        </li>
        <li>代理对象可以扩展目标对象的功能；通过修改代理对象就可以了，符合开闭原则；</li>
      </ul>
      <h3>缺点：</h3>
      <ul>
        <li>处理请求速度可能有差别，非直接访问存在开销。</li>
      </ul>
      <h3>总结：</h3>
      <div>ES6提供的Proxy可以让JS开发者很方便的使用代理模式，虽然代理模式很方便，但是在业务开发时应该注意使用场景，不需要在编写对象时就去预先猜测是否需要使用代理模式，只有当对象的功能变得复杂或者我们需要进行一定的访问限制时，再考虑使用代理。</div>
    </div>
  );
};
export default Index;
